<!--[if IE 7]>

<html class="lt-ie9 lt-ie8" lang="en">

<![endif]-->
<!--[if IE 8]>

<html class="lt-ie9" lang="en">

<![endif]-->
<!--[if gt IE 8]>
  <!-->

  <html lang="en">
  
  <!--
  <![endif]-->
  <head>
    <meta charset="utf-8">
    <title>
      Blue Moon - Responsive Admin Dashboard
    </title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <!-- bootstrap css -->
    
    <link href="/static/shop/icomoon/style.css" rel="stylesheet">
    <!--[if lte IE 7]>
    <script src="css/icomoon-font/lte-ie7.js">
    </script>
    <![endif]-->
    <link href="/static/shop/css/main.css" rel="stylesheet"> <!-- Important. For Theming change primary-color variable in main.css  -->
    
    <link rel="stylesheet" type="text/css" href="/static/manage/common/bootstrap/js/bootstarp-3.3.7/css/bootstrap.min.css" />
	<script src="/static/manage/common/bootstrap/js/jquery-3.2.0.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/static/manage/common/bootstrap/js/bootstarp-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
	<link rel="stylesheet" type="text/css" href="/static/manage/common/bootstrap/js/bootstarp-table-1.11.1/bootstrap-table.min.css" />
	<script src="/static/manage/common/bootstrap/js/bootstarp-table-1.11.1/bootstrap-table.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="/static/manage/common/bootstrap/js/bootstarp-table-1.11.1/bootstrap-table-zh-CN.min.js" type="text/javascript" charset="utf-8"></script>

	<link rel="stylesheet" type="text/css" href="/static/manage/common/layui/css/layui.css" media="all">
	<link rel="stylesheet" type="text/css" href="/static/manage/common/bootstrap/css/bootstrap.css" media="all">
	<link rel="stylesheet" type="text/css" href="/static/manage/common/global.css" media="all">
	<link rel="stylesheet" type="text/css" href="/static/manage/css/personal.css" media="all">
  </head>
  <body>
    <header>
     <a href="#" class="logo">
        <img src="/static/shop/img/logo.png" alt="Logo" />
      </a>
      <div class="btn-group">
        <button class="btn btn-primary">
       		 	 这个是啥
        </button>
        <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
          <span class="caret">
          </span>
        </button>
        <ul class="dropdown-menu pull-right">
          <li>
            <a href="#">
            	 礼包列表(5个)
            </a>
          </li>
          <li>
            <a href="#">
             	护理项目(12个)
            </a>
          </li>
        </ul>
      </div>
      <ul class="mini-nav">
        <li>
          <a href="#">
            <div class="fs1" aria-hidden="true" data-icon="&#xe040;"></div>
            <span class="info-label badge badge-warning">
              3
            </span>
          </a>
        
        <li>
          <a href="#">
            <div class="fs1" aria-hidden="true" data-icon="&#xe04c;"></div>
            <span class="info-label badge badge-info">
              5
            </span>
          </a>
        
        <li>

          <a href="#">
            <div class="fs1" aria-hidden="true" data-icon="&#xe037;"></div>
            <span class="info-label badge badge-success">
              9
            </span>
          </a>
        
      </ul>
    </header>
    <div class="container-fluid">
      <div class="dashboard-container">
        <div class="top-nav">
          <ul>
            <li>
              <a href="index.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0a0;"></div>
                我的店面
              </a>
            
            <li>
              <a href="forms.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0b8;"></div>
               营业记录
              </a>
            
            <li>
              <a href="graphs.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe096;"></div>
             财务管理
              </a>
            
            <li>
              <a href="ui-elements.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0d2;"></div>
                顾客管理
              </a>
            
            <li>
              <a href="icons.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe0a9;"></div>
               护理管理
              </a>
            
            <li>
              <a href="tables.html" class="selected">
                <div class="fs1" aria-hidden="true" data-icon="&#xe14a;"></div>
              员工管理
              </a>
            
            <li>
              <a href="media.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe00d;"></div>
              预约管理
              </a>
            
            <li>
              <a href="calendar.html">
                <div class="fs1" aria-hidden="true" data-icon="&#xe052;"></div>
              店铺设置
              </a>
            
           
          </ul>
          <div class="clearfix">
          </div>
        </div>
        <div class="sub-nav">
          
          
          <div class="btn-group pull-right">
            <button class="btn btn-primary">
             菜单
            <tton>
            <button data-toggle="dropdown" class="btn btn-primary dropdown-toggle">
              <span class="caret">
              </span>
            <tton>
         
         
         
          </div>
        </div>
        
        <div class="dashboard-wrapper">
          <div class="left-sidebar">
            
           
              <form class="form-inline">
  				<div class="form-group">
  					
   			 		<label for="exampleInputName2">员工账号：</label>
    				<input type="text" class="form-control" id="exampleInputName4" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    													
    				<label for="exampleInputName2">姓名：</label>
    				<input type="text" class="form-control" id="exampleInputName4" >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    													
    				<label for="exampleInputEmail2">职位:</label>
    				<input type="text" class="form-control" id="exampleInputEmail2" >&nbsp;&nbsp;&nbsp;
    				
    				<br />
    				<br />
    				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label for="exampleInputEmail2">工号：</label>
    				<input type="text" class="form-control" id="exampleInputEmail2" >&nbsp;&nbsp;&nbsp;
    				
    				<label for="exampleInputEmail2">手机：</label>
    				<input type="text" class="form-control" id="exampleInputEmail2" >&nbsp;&nbsp;&nbsp;
    													
    				<button type="submit" class="btn btn-default">查询</button>&nbsp;&nbsp;&nbsp;
    													
    			
  				</div>
  							
			</form>
			
			
      
                 
    var TableInit = function () {

	    var oTableInit = new Object();

	    //初始化Table

	  

	    oTableInit.Init = function () {

	        $('#table').bootstrapTable({

	            method: 'get',

	            contentType: "application/x-www-form-urlencoded",

	            url: "/bnp/list",     //请求后台的URL（*）

	            striped: true,        //是否显示行间隔色

	            locale:'zh-CN',                                              //中文支持

	            pagination: true,                                        //是否开启分页（*）

	            pageNumber:1,                                            //初始化加载第一页，默认第一页

	            pageSize: 7,                                              //每页的记录行数（*）

	            pageList: [5,7,9],                                       //可供选择的每页的行数（*）

	            sidePagination: "server",  //分页方式：client客户端分页，server服务端分页（*）

	           

	            showRefresh:true,                                        //刷新按钮

	            queryParams: oTableInit.queryParams,               //传递参数（*）

	            strictSearch: true,

	            showColumns: true,                                          //是否显示所有的列

	            showRefresh: true,                                          //是否显示刷新按钮

	            minimumCountColumns: 2,                                 //最少允许的列数

	            clickToSelect: true,                                   //是否启用点击选中行

	           

	          

	            height: 500,                                                     //行高，如果没有设置height属性，表格自动根据记录条数觉得表格高度

	            uniqueId: "PROTOCOL_ID",                                                //每一行的唯一标识，一般为主键列

	            showToggle:true,                                            //是否显示详细视图和列表视图的切换按钮

	            cardView: false,                                                //是否显示详细视图

	            detailView: false,                                              //是否显示父子表

	            columns: [{ 
					field: 'project_id',   
					title: '照片',
					align: 'center',
				}, {  
					field: 'project_name',
					title: '姓名',
					align: 'center',
				}, {
					field: '',
					title: '员工账号',
					align: 'center',
				}, {
					field: 'server_time',
					title: '性别',
					align: 'center',
				}, {
					field: 'rmb_price',
					title: '工号',
					align: 'center',
				}, {
					field: 'beauty_price',
					title: '职位',
					align: 'center',
				}, {
					field: 'manual_price',
					title: '手机',
					align: 'center',
				}, {
					field: 'active_price',
					title: '入职时间',
					align: 'center',
				}, {
					field: 'status',
					title: '操作',
					align: 'center',
				}

	        });

	    };
    
                   
                         
                          
          
    <script src="/static/manage/jsjquery.min.js">
    </script>
    <script src="/static/manage/jsbootstrap.js">
    </script>
    <script src="/static/manage/jsjquery.scrollUp.js">
    </script>
    
    <script type="text/javascript">
      //ScrollUp
      $(function () {
        $.scrollUp({
          scrollName: 'scrollUp', // Element ID
          topDistance: '300', // Distance from top before showing element (px)
          topSpeed: 300, // Speed back to top (ms)
          animation: 'fade', // Fade, slide, none
          animationInSpeed: 500, // Animation in speed (ms)
          animationOutSpeed: 500, // Animation out speed (ms)
          scrollText: 'Scroll to top', // Text for element
          activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
        });
      });

      //Tooltip
      $('a').tooltip('hide');

      //Data Tables
      $(document).ready(function () {
        $('#data-table').dataTable({
          "sPaginationType": "full_numbers"
        });
      });

      jQuery('.delete-row').click(function () {
        var conf = confirm('Continue delete?');
        if (conf) jQuery(this).parents('tr').fadeOut(function () {
          jQuery(this).remove();
        });
          return false;
        });
      </script>
      
    </body>
    <ml>
